<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p><img src="teste.jpg" width="270" height="50" alt="Saiba Mais" /></p>
<p><strong>Recomenda&ccedil;&atilde;o 2.10 - </strong>Utilize elementos de cabe&ccedil;alho de  forma l&oacute;gica, organizando o conte&uacute;do de acordo com uma hierarquia.&nbsp;</p>
<p>Exemplo:</p>
<div class="caixa">
  <h1>O Título</h1>
  <h2>Capítulo 1</h2>
  <p> Aqui vai um texto introdutório.</p>
  <h3>Uma subdivisão do capítulo</h3>
  <p>O resto do texto...</p>
</div>
<p style="clear:both">&nbsp;</p>
<p style="clear:both"><strong>No c&oacute;digo html: </strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt">&lt;h1&gt;O T&iacute;tulo&lt;/h1&gt;</li>
    <li class="">&lt;h2&gt;Cap&iacute;tulo 1&lt;/h2&gt; </li>
    <li class="alt">&lt;p&gt; Aqui vai um texto introdut&oacute;rio.&lt;/p&gt; </li>
    <li class="">&lt;h3&gt;Uma subdivis&atilde;o do cap&iacute;tulo&lt;/h3&gt; </li>
    <li class="alt">&lt;p&gt;O resto do texto...&lt;/p&gt; </li>
  </ol>
</div>
<p>&nbsp;</p>
</body>
</html>
